import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import './App.css';

// 导入布局组件
import Layout from './components/Layout';

// 导入页面组件
import Dashboard from './pages/Dashboard';
import ParkingSpots from './pages/ParkingSpots';
import Reservations from './pages/Reservations';
import Income from './pages/Income';
import VehicleRecords from './pages/VehicleRecords';
import Settings from './pages/Settings';
import DevTools from './pages/DevTools';

function App() {
  return (
    <Router>
      <Layout>
        <Routes>
          <Route path="/" element={<Dashboard />} />
          <Route path="/parking" element={<ParkingSpots />} />
          <Route path="/reservations" element={<Reservations />} />
          <Route path="/income" element={<Income />} />
          <Route path="/vehicles" element={<VehicleRecords />} />
          <Route path="/settings" element={<Settings />} />
          <Route path="/devtools" element={<DevTools />} />
        </Routes>
      </Layout>
    </Router>
  );
}

export default App;
